import store from '@/store'

export default {
  inserted(el, binding) {
    const {value} = binding
    const roles = store.getters.roles

    // 如果用户有指定角色，则隐藏元素（反向逻辑）
    if (value && Array.isArray(value)) {
      const hasRole = roles.some(role => value.includes(role))
      if (hasRole) {
        el.parentNode?.removeChild(el) // 直接移除元素
        // 或者用 CSS 隐藏：el.style.display = 'none'
      }
    }
  }
}
